<#include "header1.ftl">
<div class = "container">
    <#include "crumbs.ftl"/>
    <div class = "row">
    <@shishuo_article_page_tag folderIds="${folder.folderId}" p=1 rows=6 subFolder=true>
        <#if tag_article_page?size!=0>
            <#list tag_article_page.list as tag_article>
                <div class = "col-lg-6 col-md-6 col-sm-12">
                    <dl class = "column-box yuangong-container" style = "border-radius:10px;">
                        <dd class = "yuangong-img">
                            <a href = "/article/${tag_article.articleId}.htm"><img src = "/${tag_article.picture}"
                                                                                   class = "img-responsive"
                                                                                   style = "border: 1px solid #CDC7BB; margin: 0 auto; "></a>
                        </dd>
                        <dt class = "yuangong-title ">${tag_article.title}</dt>
                        <dd class = "yuangong-summary">${tag_article.summary}</dd>
                    </dl>
                </div>
            </#list>
        </#if>
    </@shishuo_article_page_tag>
    </div>
</div>
<style>

    .yuangong-container {
        position: relative;
        height: 14em;
    }

    .yuangong-img {
        padding: .5em;
        display: inline-block;
        width: 40%;
        height: 11em;
    }

    .yuangong-img img {
        max-height: 11em;
    }

    .yuangong-title {
        display: inline-block;
        width: 48%;
        height: 1em;
        line-height: 1em;
        position: absolute;
        top: 1em;
        margin: 1em;

    }

    .yuangong-summary {
        display: inline-block;
        width: 48%;
        position: absolute;
        top: 3em;
        margin: 1em .5em;
    }


</style>
<!-- /.row -->
<#include "footer.ftl">